import Vue from 'vue' // 导入 Vue.js 库
import App from './App.vue' // 导入根组件 App.vue
import ElementUI from 'element-ui'; // 导入 Element UI 组件库
import 'element-ui/lib/theme-chalk/index.css'; // 导入 Element UI 的 CSS 样式
import './assets/global.css'; // 导入全局 CSS 样式文件
import axios from 'axios'; // 导入 axios 库，用于处理 HTTP 请求
import VueRouter from 'vue-router'; // 导入 Vue Router，用于实现前端路由
import router from './router'; // 导入定义好的路由配置
import store from './store'; // 导入 Vuex 状态管理工具的配置
import * as echarts from "echarts"; // 导入 ECharts 库，用于生成图表

// 将 axios 实例添加到 Vue 原型上以便全局使用
Vue.prototype.$axios = axios;

// 设置一个全局的 HTTP 基础 URL
Vue.prototype.$httpUrl = 'http://localhost:8008';
// 注册 Element UI 插件
Vue.use(ElementUI);

// 关闭 Vue 生产模式下的提示
Vue.config.productionTip = false;

// 注册 Vue Router 插件
Vue.use(VueRouter);

// 将 ECharts 实例添加到 Vue 原型上以便全局使用
Vue.prototype.$echarts = echarts;

// 创建新的 Vue 实例
new Vue({
  router, // 将路由配置注入到 Vue 实例
  store, // 将 Vuex 状态管理注入到 Vue 实例
  render: h => h(App), // 使用渲染函数渲染根组件 App
}).$mount('#app') // 将 Vue 实例挂载到 id 为 'app' 的 DOM 元素上